<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>职信-个人系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable= no, minimum-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="layui/css/layui.css">
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" ></script>
    <script src="./js/template.js"></script>
    <script src="layui/layui.js"></script>
    <script src="js/start_score.js"></script>
    <script src="https://img.hcharts.cn/highstock/highstock.js"></script>
    <script src="https://img.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
    <script src="js/exporting.js"></script>
    <script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="Shortcut Icon" ng-href="img/logo.png" href="img/logo.png">
    <link href="css/jquery-accordion-menu.css" rel="stylesheet" type="text/css" />
    <link href="css/font-awesome.css" rel="stylesheet" type="text/css" />
    <!--<script src="js/jquery-1.11.2.min.js" type="text/javascript"></script>-->
    <script src="js/jquery-accordion-menu.js" type="text/javascript"></script>
    <link rel="stylesheet" href="css/user.css" />
    <script src="js/user.js"></script>
    <script type="text/javascript">
        _winWidth = document.body.clientWidth || document.documentElement.clientWidth;
        _style = document.getElementsByTagName("html")[0].style;
        _winWidth = _winWidth >= 960 ? _style.fontSize = "100px" : _winWidth;
        _style.fontSize = _winWidth / 9.60 + "px";
    </script>
    <style>
        .star_score { background:url(img/star_yellow_border.png); width:160px; height:21px;  position:relative; }
        .star_score a{ height:21px; display:block; text-indent:-999em; position:absolute;left:0;}
        .star_score a:hover{ background:url(img/star_yellow_full.png);left:0;}
        .star_score a.clibg{ background:url(img/star_yellow_full.png);left:0;}
        #starttwo .star_score { background:url(img/star_yellow_border.png);}
        #starttwo .star_score a:hover{ background:url(img/star_yellow_full.png);left:0;}
        #starttwo .star_score a.clibg{ background:url(img/star_yellow_full.png);left:0;}
        /*星星样式*/
        .show_number{border:1px solid #ddd; }
        .show_number li{ width:240px; padding:10px; margin-right:5px; }
        .atar_Show{background:url(img/star_yellow_border.png); width:160px; height:21px;  position:relative; float:left; }
        .atar_Show p{ background:url(img/star_yellow_full.png);left:0; height:21px; width:134px;}
        .show_number li span{ display:inline-block; line-height:21px;}
    </style>
</head>

<body>
    <header>
        <div class="header-container">
            <div id="bar-first" class="home"><img src="img/logo.png" width="50px"/><div class="company_name">职业信用管理系统</div></div>
            <div class="content">通讯录</div>
            <div class="pool">工作池</div>
            <div class="data">个人数据</div>
            <div class="setting">设置</div>
            <span id="logout">注销</span>
            <span id="user_name"></span>
        </div>
    </header>

    <div class="body-container">
        <!--首页-->
        <section class="sub-menu s-home">
            <div class="s-left">
                <div class="home_left">
                    <img alt="头像" src="img/avatars/avatar-4.png"/>
                    <span class="user_name"></span>
                    <p class="department_name"></p>
                    <p class="duty"></p>

                    <hr/>
                    <p class="header">个人信用分：</p>
                    <img src="img/credit_score.png" class="score_img"/>
                    <p class="score"></p>
                    <div class="about_score">了解信用分</div>

                    <hr class="line"/>
                    <p class="header">个人简历：</p>
                    <div class="resume">查看简历</div><br/>
                    <div class="goto_resume">您还未曾补全简历信息<br/>点击该按钮去完善简历</div>
                </div>
            </div>
            
            <div class="s-right">
                <div class="background_img">
                    <span>3步开启职信之旅</span>
                    <p></p>
                    <i class="layui-icon">&#x1006;</i>
                    <img src="img/bar/home_tab_1.png">
                    <div class="layui-row">
                        <div class="layui-col-md5">
                            <span>完善信息 ></span>
                        </div>
                        <div class="layui-col-md2">
                            <span>完善简历 ></span>
                        </div>
                        <div class="layui-col-md4 layui-col-md-offset1">
                            <span>查看应用 ></span>
                        </div>
                    </div>
                </div>
                <div class="layui-carousel" id="carousel">
                    <div carousel-item>
                        <div><img src="img/slid-one-bg.png"></div>
                        <div><img src="img/slid-four-bg.png"></div>
                        <div><img src="img/slid-three-bg.png"></div>
                    </div>
                </div>
                <div class="apps">
                    <span>快捷入口</span>
                    <div class="layui-row">
                        <div class="layui-col-md4">
                            <div><i class="layui-icon" style="color: orange;">&#xe617;</i>个人信用</div>
                        </div>
                        <div class="layui-col-md4">
                            <div><i class="layui-icon" style="color: #3296FA;">&#xe617;</i>个人简历</div>
                        </div>
                        <div class="layui-col-md4">
                            <div><i class="layui-icon" style="color: #FFD700;">&#xe617;</i>个人数据</div>
                        </div>
                        <div class="layui-col-md4">
                            <div><i class="layui-icon" style="color: #3CB371;">&#xe617;</i>信息设置</div>
                        </div>
                        <div class="layui-col-md4">
                            <div><i class="layui-icon" style="color: #FF7F50;">&#xe617;</i>今日计划</div>
                        </div>
                        <div class="layui-col-md4">
                            <div><i class="layui-icon" style="color: orange;">&#xe617;</i>历史计划</div>
                        </div>
                        <div class="layui-col-md4">
                            <div><i class="layui-icon" style="color: #3296FA;">&#xe617;</i>历史奖惩</div>
                        </div>
                        <div class="layui-col-md4">
                            <div><i class="layui-icon" style="color: #FFD700;">&#xe617;</i>修改密码</div>
                        </div>
                        <div class="layui-col-md4">
                            <div><i class="layui-icon" style="color: #3CB371;">&#xe617;</i>退出系统</div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!--通讯录-->
        <section class="sub-menu s-content" id="s-content">
            <div class="s-left">
                <div id="jquery-accordion-menu" class="jquery-accordion-menu blue">
                    <div class="jquery-accordion-menu-header" id="form"></div>
                        <ul id="demo-list"></ul>
                </div>
            </div>

            <div class="s-right">
                <div><p class="department_name">职业信用管理系统</p></div>
                <div class="sub_department">
                    <p><i class="layui-icon" style="font-size: 1.2rem;">&#xe63c;</i>下级部门</p>
                    <div>
                        <table class="layui-table">
                            <thead>
                            <tr>
                                <th>部门名</th>
                                <th>人数</th>
                            </tr>
                            </thead>
                            <tbody>
                            <script id="sub_departmrnt" type="text/html">
                                {{each}}
                                <tr name={{$value.department_id}}>
                                    <td>{{$value.department_name}}</td>
                                    <td>{{$value.sum_employee}}人</td>
                                </tr>
                                {{/each}}
                            </script>
                            </tbody>
                        </table>
                    </div>
                </div>

                <div class="employee">
                    <p><i class="layui-icon" style="font-size: 1.2rem;">&#xe612;</i>部门人员</p>
                    <div>
                        <table class="layui-table">
                            <thead>
                            <tr>
                                <th>姓名</th>
                                <th>职务</th>
                                <th>手机号</th>
                            </tr>
                            </thead>
                            <tbody>
                            <script id="employee" type="text/html">
                                {{each}}
                                <tr name={{$value.user_id}}>
                                    <td>{{$value.user_name}}</td>
                                    <td>{{$value.duty}}</td>
                                    <td>{{$value.user_phone}}</td>
                                </tr>
                                {{/each}}
                            </script>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </section>

        <!--工作池-->
        <section class="sub-menu s-pool">
            <div class="s-left">
                <div id="pool-item-1" class="s-left-first sub-menu-select-item">进度列表</div>
                <div id="pool-item-2" class="sub-menu-select-item">个人评价</div>
                <div id="pool-item-3" class="sub-menu-select-item">评价下级</div>
                <div id="pool-item-4" class="sub-menu-select-item">员工查询</div>
                <div id="pool-item-5" class="sub-menu-select-item">企业查询</div>
            </div>
            <div class="s-right">
                <!--进度列表-->
                <div class="s-pool-item-1">
                    <div class="s-right-title">今日计划表</div>
                    <div class="pool_header">
                        <span></span>
                    </div>
                    <div class="today_list">
                        <div></div>
                        <script id="plan_list" type="text/html">
                            <table class="layui-table">
                                <thead>
                                <tr>
                                    <th>时间</th>
                                    <th>内容</th>
                                    <th>完成情况</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                    {{each}}
                                    <tr>
                                        <td>{{$value.time}}</td>
                                        <td class="plan_content">{{$value.content}}</td>
                                        <td class="plan_is_finished">{{$value.is_finished}}</td>
                                        <td>
                                            <button class="edit_pool" name={{$value.id}} data-toggle="modal" data-target="#myModal">编辑</button>
                                            <button class="delete_pool" name={{$value.id}} onclick="methods.delete_plan(this)">删除</button>
                                        </td>
                                    </tr>
                                    {{/each}}
                                </tbody>
                            </table>
                        </script>
                    </div>
                    <div class="add_plan_div">
                        <div class="add_plan">添加新计划</div>
                    </div>
                    <form class="layui-form"  style="display: none;">
                        <div class="layui-form-item">
                            <label class="layui-form-label">内容：</label>
                            <div class="layui-input-block">
                                <input type="text" lay-verify="required" autocomplete="off" class="layui-input" id="plan_content">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <button type="button" class="layui-btn layui-btn-normal" id="add_plan">确认添加</button>
                            </div>
                        </div>
                    </form>
                    <div class="submit_plan_div">
                        <div class="submit_plan">提交今日计划</div>
                    </div>
                    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                        &times;
                                    </button>
                                    <h4 class="modal-title" id="myModalLabel">
                                        列表
                                    </h4>
                                </div>
                                <div class="modal-body">
                                    <form class="layui-form">
                                        <div class="layui-form-item">
                                            <label class="layui-form-label">内容：</label>
                                            <div class="layui-input-block">
                                                <input type="text" lay-verify="required" autocomplete="off" class="layui-input" id="old_plan_content">
                                            </div>
                                        </div>
                                        <div class="layui-form-item is_finished">
                                            <label class="layui-form-label">完成情况：</label>
                                            <div class="layui-input-block layui-form selsect_is_finished" lay-filter="selFilter">
                                                <select lay-verify="required" id="selsect_is_finished">
                                                    <option value='0'>未完成</option>
                                                    <option value='1'>已完成</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="layui-form-item">
                                            <div class="layui-input-block">
                                                <button type="button" class="layui-btn layui-btn-normal" id="edit_plan">立即修改</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--个人评价-->
                <div class="s-pool-item-2">
                    <div class="s-right-title">历史评价</div>
                    <div class="search_plan">
                        <input type="text" lay-verify="required" autocomplete="off" placeholder="请选择日期" class="layui-input" id="select_plan">
                        <button class="search_btn">搜索</button>
                    </div>
                    <div class="pool_header">
                        <span></span>
                    </div>
                    <div class="old_list">
                        <div></div>
                    </div>
                    <div class="comment">
                        <p class="comment_msg">还未收到上级的评价反馈...</p>
                        <form class="layui-form" style="display: none">
                            <div class="layui-form-item">
                                <label class="layui-form-label">上级：</label>
                                <div class="layui-input-block">
                                    <input type="text" lay-verify="required" autocomplete="off" class="layui-input" id="superior" disabled>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">评价内容：</label>
                                <div class="layui-input-block">
                                    <input type="text" lay-verify="required" autocomplete="off" class="layui-input" id="content" disabled>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">星级评价：</label>
                                <div class="layui-input-block">
                                    <ul class="show_number clearfix">
                                        <li>
                                            <div class="atar_Show">
                                                <p tip="0"></p>
                                            </div>
                                            <span></span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <!--评价下级-->
                <div class="s-pool-item-3">
                    <div class="s-right-title">评价下级</div>
                    <div class="pool_header">
                        <span></span>
                    </div>
                    <div class="layui-tab layui-tab-card" style="width: 100%;" lay-filter="test">
                        <script id="sub_employees" type="text/html">
                            <ul class="layui-tab-title">
                                    {{each}}
                                    <li name={{$value.user_id}}>{{$value.user_name}}</li>
                                    {{/each}}
                            </ul>
                            <div class="layui-tab-content">
                                {{each}}
                                <div class="layui-tab-item">
                                    {{include 'yesterday_plan'}}
                                </div>
                                {{/each}}
                            </div>
                        </script>
                        <script id="yesterday_plan" type="text/html">
                            <table class="layui-table">
                                <thead>
                                <tr>
                                    <th>时间</th>
                                    <th>内容</th>
                                    <th>完成情况</th>
                                </tr>
                                </thead>
                                <tbody>
                                {{each}}
                                <tr>
                                    <td>{{$value.time}}</td>
                                    <td>{{$value.content}}</td>
                                    <td>{{$value.is_finished}}</td>
                                </tr>
                                {{/each}}
                                </tbody>
                            </table>
                            <div class="add_comment" style="display: none" data-toggle="modal" data-target="#yesterday_comment"></div>
                        </script>
                    </div>
                    <div class="modal fade" id="yesterday_comment" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                    <h4 class="modal-title" id="myModalLabel2"></h4>
                                </div>
                                <div class="modal-body">
                                    <form class="layui-form">
                                        <div class="layui-form-item">
                                            <label class="layui-form-label">评价内容：</label>
                                            <div class="layui-input-block">
                                                <input type="text" lay-verify="required" autocomplete="off" class="layui-input" id="yesterday_content">
                                            </div>
                                        </div>
                                        <div class="layui-form-item">
                                            <label class="layui-form-label">星级评价：</label>
                                            <div class="layui-input-block">
                                                <ul class="show_number clearfix">
                                                    <li>
                                                        <div class="atar_Show">
                                                            <p tip="0"></p>
                                                        </div>
                                                        <span></span>
                                                    </li>
                                                </ul>
                                                <div id="startone"  class="block clearfix">
                                                <!--<div id="startone"  class="block clearfix" style="display:none;">-->
                                                    <div class="star_score"></div>
                                                    <p style="float:left;">您的评分：<span class="fenshu"></span> 分</p>
                                                    <div class="attitude"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-form-item">
                                            <div class="layui-input-block">
                                                <button type="button" class="layui-btn layui-btn-normal" id="submit_comment">确认提交</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                    <script>
                        scoreFun($("#startone"));
                    </script>
                </div>
                <!--员工查询-->
                <div class="s-pool-item-4">
                    <div class="s-right-title">员工查询</div>
                    <div>
                        <div class="search_employee">
                            <input type="text" lay-verify="required" autocomplete="off" placeholder="请输入要搜索的员工的姓名" class="layui-input" id="search_employee">
                            <button class="search_btn">搜索</button>
                        </div>
                        <div class="search_employee_list">
                            <div></div>
                        </div>
                        <script id="search_employee_list" type="text/html">
                            <table class="layui-table">
                                <thead>
                                <tr>
                                    <th>姓名</th>
                                    <th>手机号</th>
                                    <th>信用分</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                {{each}}
                                <tr>
                                    <td>{{$value.name}}</td>
                                    <td>{{$value.phone}}</td>
                                    <td>{{$value.credit_score}}</td>
                                    <td>
                                        <button class="employee_info" name={{$value.id}} data-toggle="modal" data-target="#user_info">查看</button>
                                    </td>
                                </tr>
                                {{/each}}
                                </tbody>
                            </table>
                            <div class="modal fade" id="user_info" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                            <h4 class="modal-title" id="myModalLabel1">详细信息</h4>
                                        </div>
                                        <div class="modal-body">
                                            <form class="layui-form">
                                                <img alt="头像" src="img/avatars/avatar-4.png"/>
                                                <div class="layui-form-item">
                                                    <label class="layui-form-label">姓名：</label>
                                                    <div class="layui-input-block">
                                                        <input type="text" lay-verify="required" autocomplete="off" class="layui-input" id="get_user_name" disabled>
                                                    </div>
                                                </div>
                                                <div class="layui-form-item">
                                                    <label class="layui-form-label">手机号：</label>
                                                    <div class="layui-input-block">
                                                        <input type="text" lay-verify="required" autocomplete="off" class="layui-input" id="get_user_phone" disabled>
                                                    </div>
                                                </div>
                                                <div class="layui-form-item">
                                                    <label class="layui-form-label">所在部门：</label>
                                                    <div class="layui-input-block">
                                                        <input type="text" lay-verify="required" autocomplete="off" class="layui-input" id="get_user_department" disabled>
                                                    </div>
                                                </div>
                                                <div class="layui-form-item">
                                                    <label class="layui-form-label">职务：</label>
                                                    <div class="layui-input-block">
                                                        <input type="text" lay-verify="required" autocomplete="off" class="layui-input" id="get_user_duty" disabled>
                                                    </div>
                                                </div>
                                                <div class="layui-form-item">
                                                    <label class="layui-form-label">性别：</label>
                                                    <div class="layui-input-block">
                                                        <input type="text" lay-verify="required" autocomplete="off" class="layui-input" id="get_user_gender" disabled>
                                                    </div>
                                                </div>
                                                <div class="layui-form-item">
                                                    <label class="layui-form-label">生日：</label>
                                                    <div class="layui-input-block">
                                                        <input type="text" lay-verify="required" autocomplete="off" class="layui-input" id="get_user_birth" disabled>
                                                    </div>
                                                </div>
                                                <div class="layui-form-item">
                                                    <div class="layui-input-block">
                                                        <!--<button type="button" class="layui-btn layui-btn-normal search_reward">查看奖惩</button>-->
                                                        <button type="button" class="layui-btn layui-btn-normal get_resume" style="display: none" data-toggle="modal" data-target="#resume_info">查看简历</button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </script>
                    </div>
                    <div class="modal fade" id="resume_info" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3" aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                    <h4 class="modal-title" id="myModalLabel3">用户简历</h4>
                                </div>
                                <div class="modal-body">
                                    <span>点击图片放大预览</span>
                                    <div id="layer-photos-demo1" class="layer-photos-demo">
                                        <img alt="个人简历">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--企业查询-->
                <div class="s-pool-item-5">
                    <div class="s-right-title">企业查询</div>
                    <div>
                        <div class="search_company">
                            <input type="text" lay-verify="required" autocomplete="off" placeholder="请输入要搜索的公司的名称" class="layui-input" id="search_company">
                            <button class="search_btn">搜索</button>
                        </div>
                        <div class="search_company_list">
                            <div></div>
                        </div>
                        <script id="search_company_list" type="text/html">
                            <table class="layui-table">
                                <thead>
                                <tr>
                                    <th>公司名</th>
                                    <th>公司介绍</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                {{each}}
                                <tr>
                                    <td>{{$value.name}}</td>
                                    <td>{{$value.info}}</td>
                                    <td>
                                        <!--<button class="edit_pool" name={{$value.id}} data-toggle="modal" data-target="#myModal">查看</button>-->
                                        <button class="company_info" name={{$value.id}}>查看</button>
                                    </td>
                                </tr>
                                {{/each}}
                                </tbody>
                            </table>
                        </script>
                    </div>
                </div>
            </div>
        </section>

        <!--个人数据-->
        <section class="sub-menu s-data">
            <div class="s-left">
                <div id="data-item-1" class="s-left-first sub-menu-select-item">使用统计</div>
                <div id="data-item-2" class="sub-menu-select-item">评价统计</div>
                <div id="data-item-3" class="sub-menu-select-item">个人信用</div>
                <div id="data-item-4" class="sub-menu-select-item">个人简历</div>
            </div>
            <div class="s-right">

                <!--系统使用统计-->
                <div class="s-data-item-1">
                    <div class="s-right-title">使用统计</div>

                    <div class="s-data-item-1-box">
                        <span>加入系统天数</span>
                        <div class="s-data-item-1-subbox">
                            <span id="join_sys_days"> </span>
                        </div>
                    </div>

                    <div class="s-data-item-1-box">
                        <span>入职天数</span>
                        <div class="s-data-item-1-subbox">
                            <span id="join_comp_days"> </span>
                        </div>
                    </div>

                    <div class="s-right-title">登录统计</div>
                    <div id="c1"></div>
                </div>

                <!--个人评价统计-->
                <div class="s-data-item-2">
                    <div class="s-right-title">完成率统计</div>
                    <div id="c2"></div>
                    <div class="s-right-title">星级评价统计</div>
                    <div id="c3"></div>
                </div>

                <!--个人信用-->
                <div class="s-data-item-3">
                    <div class="s-right-title">信用分统计</div>
                    <div id="c4"></div>
                </div>

                <!--个人简历-->
                <div class="s-data-item-4">
                    <div class="s-right-title">个人简历</div>
                    <div>
                        <div class="resume_img"></div>
                        <div class="resume_btn">
                            <div class="edit_resume"></div>
                            <div class="submit_resume">提交修改</div>
                        </div>
                    </div>

                    <div class="s-right-title">系统简历</div>
                    <div class="sys_resume">
                        <table class="layui-table">
                            <thead>
                            <tr>
                                <th>公司名</th>
                                <th>部门</th>
                                <th>职务</th>
                                <th>入职时间</th>
                                <th>离职时间</th>
                            </tr>
                            </thead>
                            <tbody>
                            <script id="sys_resume" type="text/html">
                                {{each}}
                                <tr>
                                    <td>{{$value.company_name}}</td>
                                    <td>{{$value.department_name}}</td>
                                    <td>{{$value.duty}}</td>
                                    <td>{{$value.start_time}}</td>
                                    <td>{{$value.end_time}}</td>
                                </tr>
                                {{/each}}
                            </script>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </section>

        <!--设置-->
        <section class="sub-menu s-setting">
            <div class="s-left">
                <div id="setting-item-1" class="s-left-first sub-menu-select-item">个人信息</div>
                <div id="setting-item-2" class="sub-menu-select-item">修改密码</div>
            </div>
            <div class="s-right">
                <div class="s-setting-item-1">
                    <div class="s-right-title">个人信息</div>
                    <form class="layui-form">
                        <img alt="头像" src="img/avatars/avatar-4.png"/>
                        <div class="layui-form-item">
                            <label class="layui-form-label">姓名：</label>
                            <div class="layui-input-block">
                                <input type="text" lay-verify="required" autocomplete="off" class="layui-input" id="name">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">手机号：</label>
                            <div class="layui-input-block">
                                <input type="text" lay-verify="required" autocomplete="off" class="layui-input user_phone" disabled>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">性别：</label>
                            <div class="layui-input-block layui-form" lay-filter="selFilter">
                                <select id="gender" lay-verify="required">
                                    <option value=""></option>
                                    <option value="0">女</option>
                                    <option value="1">男</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">生日：</label>
                            <div class="layui-input-block">
                                <input type="text" lay-verify="required" autocomplete="off" placeholder="请选择生日" class="layui-input" id="birth">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <button type="button" class="layui-btn layui-btn-normal edit_personal">提交修改</button>
                            </div>
                        </div>
                    </form>
                </div>

                <div class="s-setting-item-2">
                    <div class="s-right-title">修改密码</div>
                    <form class="layui-form">
                        <div class="layui-form-item">
                            <label class="layui-form-label">旧密码：</label>
                            <div class="layui-input-block">
                                <input type="text" required lay-verify="required" placeholder="请输入旧密码" autocomplete="off" class="layui-input" id="old_password">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">新密码：</label>
                            <div class="layui-input-block">
                                <input type="text" required lay-verify="required" placeholder="请输入新密码" autocomplete="off" class="layui-input" id="new_password">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-form-item">
                                <div class="layui-input-block">
                                    <button type="button" class="layui-btn layui-btn-normal change_password">提交修改</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </section>
    </div>
    <footer>

    </footer>
</body>

</html>
